<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>内蒙古退役军人双创平台</title>
    <!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet"> -->
    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->

    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/list2.css "/>
    <link rel="stylesheet" type="text/css" href="css/css.css "/>
    <link rel="stylesheet" href="css/swiper-4.1.0.min.css">
    <link rel="stylesheet" type="text/css" href="css/basic_enterprise.css">


    <div class="header">
        <span>欢迎光临！您可以通过网站右上角搜索框查找您需要的信息</span>
        <ul class="nav navbar-nav navbar-right">
            <li><a href="#">注册 </a></li>
            <li><a href="#" class="last">登录 </a></li>
            <li>
                <form class="navbar-form navbar-right">
                    <div class="form-group">
                      <input type="text" class="form-control navbar-left" placeholder="搜索资讯、岗位、课程"/>
                      <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
                    </div>
                </form>
            </li>
          </ul>
    </div>
    <!--顶部导航栏结束-->
    <!--导航栏开始-->
    <nav class="navbar navbar-default">
          <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
              <a class="navbar-brand" href="#">内蒙古自治区退役军人事务厅培训双创平台</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
              <ul class="nav navbar-nav">
                <li><a href="#">首页 </a></li>
                <li><a href="#">找工作 </a></li>
                <li><a href="#">创业商机 </a></li>
                <li><a href="#">专技培训 </a></li>
                <li><a href="#">政策咨询 </a></li>
                <li><a href="#">职业测评 </a></li>
                <li><a href="#">军友圈 </a></li>
              </ul>
            </div><!-- /.navbar-collapse -->
          </div><!-- /.container-fluid -->
        </nav>
        <!--导航栏结束-->

        <!-- 基本信息显示列表开始 -->
        <div class="basicInfo">
          <div class="info">
            <h3>内蒙古蒙蒙牛乳业（集团）股份有限公司</h3>
            <div class="row">
              <div class="col-md-2"><img src="image/b_com.png"/></div>
              <div class="col-md-3">
                <p><span>公司性质：</span>啦啦啦阿联</p>
                <p><span>公司主页：</span>啦啦啦啦</p>
                <p><span>公司规模：</span>啦啦啦啦</p>
              </div>
              <div class="col-md-7">
                <p><span>所属行业：</span>所属行业：金融、银行、保险、证券、财会、投资</p>
                <p><span>公司地址：</span>请输入公司地址</p>
                <p><span>所在地区：</span>内蒙古自治区-呼和浩特市</p>
              </div>
            </div>
          </div>
        </div>
        <!-- 基本信息显示列表结束 -->

        <!-- 公司简介开始 -->
        <div class="briefIntroduction">
          <div class="row">
            <div class="col-md-9 leftInfo" >
              <!-- 企业简介开始 -->
              <div class="title">
                企业简介
              </div>
              <p class="briefcontent">
                蒙牛是中国领先的乳制品供应商，专注于研发生产适合国人健康的乳制品，全球乳业10强 [4]  。蒙牛乳业成立以来，
已形成了拥有液态奶、冰淇淋、奶粉奶酪等多品的产品矩阵系列，拥有特仑苏、纯甄、优益C、未来星、冠益乳、酸酸
乳等明星产品，为消费者的点滴幸福不断创新。
截至2017年12月，蒙牛根据市场潜力及产品策略布局产能，在全国建立了38个生产基地，新西兰海外1个基地，年产
能合922万吨。2017年，蒙牛实现收入601.56亿元。高端UHT奶、低温酸奶份额保持领先。 [5]
2009年7月，中国最大的粮油食品企业中粮集团入股蒙牛，成为蒙牛第一大股东。中粮的加入，推动了蒙牛“食品安
全更趋国际化，战略资源配置更趋全球化，原料到产品更趋一体化”进程。 [6]
2017年7月12日，全球最大的专注于农业与食品相关产业的商业机构之一荷兰合作银行发布了2017年“全球乳业20强”
榜单，蒙牛乳业凭借近年来亮眼的综合表现连续9年再度入榜，跃居榜单前10强，排名上升一位，再次刷新了蒙牛在全
球乳业的排名成绩，迈入全球乳业的第一阵营。 [4]
2018年3月27日，蒙牛发布了2017年
              </p>
              <!-- 企业简介结束 -->

              <!-- 附件管理开始 -->
              <div class="title2">附件管理</div>
              <div class="annexManage row">
                <div class="col-md-1">
                  <img src="image//annex.png" alt="" />
                  <p>公司资...</p>
                </div>
                <div class="col-md-1">
                  <img src="image//annex.png" alt="" />
                  <p>公司资...</p>
                </div>
                <div class="col-md-1">
                  <img src="image//annex.png" alt="" />
                  <p>公司资...</p>
                </div>
              </div>
              <!-- 附件管理结束 -->

              <!-- 企业特色开始 -->
              <div class="title">
                企业特色
              </div>
               <div class="pc-slide">
                  <div class="view">
                    <div class="swiper-container">
                      <a class="arrow-left" href="#"></a>
                      <a class="arrow-right" href="#"></a>
                      <div class="swiper-wrapper">
                        <div class="swiper-slide">
                          <a href="#" target="_blank"><img src="image/testImg/b1.jpg" alt=""></a>
                        </div>
                        <div class="swiper-slide">
                          <a href="#" target="_blank"><img src="image/testImg/b2.jpg" alt=""></a>
                        </div>
                        <div class="swiper-slide">
                          <a href="#" target="_blank"><img src="image/testImg/b3.jpg" alt=""></a>
                        </div>
                        <div class="swiper-slide">
                          <a href="#" target="_blank"><img src="image/testImg/b4.jpg" alt=""></a>
                        </div>
                        <div class="swiper-slide">
                          <a href="#" target="_blank"><img src="image/testImg/b5.jpg" alt=""></a>
                        </div>
                        <div class="swiper-slide">
                          <a href="#" target="_blank"><img src="image/testImg/b6.jpg" alt=""></a>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="preview">
                    <a class="arrow-left" href="#"></a>
                    <a class="arrow-right" href="#"></a>
                    <div class="swiper-container">
                      <div class="swiper-wrapper">
                        <div class="swiper-slide active-nav">
                          <img src="image/testImg/s1.jpg" alt="">
                        </div>
                        <div class="swiper-slide">
                          <img src="image/testImg/s2.jpg" alt="">
                        </div>
                        <div class="swiper-slide">
                          <img src="image/testImg/s3.jpg" alt="">
                        </div>
                        <div class="swiper-slide">
                          <img src="image/testImg/s4.jpg" alt="">
                        </div>
                        <div class="swiper-slide">
                          <img src="image/testImg/s5.jpg" alt="">
                        </div>
                        <div class="swiper-slide slide6">
                          <img src="image/testImg/s6.jpg" alt="">
                        </div>
                      </div>
                    </div>
                  </div>
                </div>

              <!-- 企业特色结束 -->
            </div>
            <div class="col-md-3 rightInfo">
                <div class="title">企业联系方式</div>
                 <p><span>联系人：</span>张三丰</p>
                 <p><span>电话：</span>（0471）999999</p>
                 <p><span>手机号码：</span>18647100000</p>
                 <p><span>邮箱：</span>123456#qq.com</p>
            </div>
          </div>
        </div>
        <!-- 公司简介结束 -->
  </body>
</html>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/swiper-4.1.0.min.js"></script>

<!--轮播图-->
<script>
var viewSwiper = new Swiper('.view .swiper-container', {
  on:{
    slideChangeTransitionStart: function() {
        updateNavPosition()
      }
  }
})

$('.view .arrow-left,.preview .arrow-left').on('click', function(e) {
  e.preventDefault()
  if (viewSwiper.activeIndex == 0) {
    viewSwiper.slideTo(viewSwiper.slides.length - 1, 1000);
    return
  }
  viewSwiper.slidePrev()
})
$('.view .arrow-right,.preview .arrow-right').on('click', function(e) {
  e.preventDefault()
  if (viewSwiper.activeIndex == viewSwiper.slides.length - 1) {
    viewSwiper.slideTo(0, 1000);
    return
  }
  viewSwiper.slideNext()
})

var previewSwiper = new Swiper('.preview .swiper-container', {
  //visibilityFullFit: true,
  slidesPerView: 'auto',
  allowTouchMove: false,
  on:{
    tap: function() {
        viewSwiper.slideTo(previewSwiper.clickedIndex)
    }
  }
})

function updateNavPosition() {
    $('.preview .active-nav').removeClass('active-nav')
    var activeNav = $('.preview .swiper-slide').eq(viewSwiper.activeIndex).addClass('active-nav')
    if (!activeNav.hasClass('swiper-slide-visible')) {
      if (activeNav.index() > previewSwiper.activeIndex) {
        var thumbsPerNav = Math.floor(previewSwiper.width / activeNav.width()) - 1
        previewSwiper.slideTo(activeNav.index() - thumbsPerNav)
      } else {
        previewSwiper.slideTo(activeNav.index())
      }
    }
  }
</script>

